<template>
  <div class="tab-content">
        <div class="items">
          <div class="item" v-for='(item,index) in  tabitemlist' :key='index' ref="tabitemlist" >
            <div class="img-wrap">
              <div class="num-wrap">
                播放量:
                <span class="num">{{item.playCount}}</span>
              </div>
              <img :src="item.coverImgUrl" alt="" />
              <span class="iconfont icon-play"></span>
            </div>
            <p class="name">{{item.name}}</p>
          </div>
        </div>
      </div>
</template>
<script>
import axios from 'axios'
export default {
    name:'tabitem', 
    data(){
      return{
        tabitemlist:[]
      }
    },
    created(){
      axios({
        url:'https://autumnfish.cn/top/playlist/',
        method:'get',
        params:{
         limit:10,  
        }
      }).then(res=>{
        /* console.log(res)  */
        this.tabitemlist=res.data.playlists
      })
    },
    methods:{
    }
}
</script>

<style>

</style>